<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core">

<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<link type="text/css" rel="stylesheet" href="resources/css/index.css" />
	<link type="text/css" rel="stylesheet"
		href="resources/css/jquery.maximage.min.css" />
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
	<script type="text/javascript"
		src="resources/js/jquery.maximage.min.js"></script>
	<script type="text/javascript" src="resources/js/jquery.easing.1.3.js"></script>
	<script type="text/javascript" src="resources/js/jquery.cycle.all.js"></script>
	<link rel="shortcut icon" href="resources/imagens/favicon.ico" />
	<title>QBank</title>

	<script type="text/javascript" charset="utf-8">
		$(function() {
			var imgs = $('#maximage img');
			imgs.sort(function() {
				return 0.5 - Math.random()
			});
			$('#maximage').html(imgs);

			$('#maximage').maximage({
				cycleOptions : {
					speed : 3000
				}
			});
		});
	</script>
</h:head>
<h:body>

	<div id="maximage">
		<img id="bank" src="resources/imagens/bank.jpg" /> <img id="bank1"
			src="resources/imagens/bank1.jpg" /> <img id="bank2"
			src="resources/imagens/bank2.jpg" />
	</div>

	<div id="menu">
		<h:form>

			<h:messages id="login" globalOnly="true" autoUpdate="true" />
			<h:panelGrid columns="1" cellpadding="5">

				<h:outputText id="nome" value="Olá: #{loginBean.administrador.nome}" />
				
				<h:button outcome="cadastrarAgencia" value="Cadastrar Agência" />

				<h:button outcome="agencias" value="Agencias" />

				<h:commandButton value="Sair" actionListener="#{loginBean.logout}" />

			</h:panelGrid>
		</h:form>
	</div>

</h:body>
</html>